import { createSignal } from "solid-js";
import Button from "@/components/Button";
import Modal from "@/components/Modal";
import Panel from "@/components/Panel";

export default function Modals() {
  const [visible, setVisible] = createSignal(false);
  return (
    <Panel title="Modals" class="bg-white">
      <Modal visible={visible()} onClose={() => setVisible(false)}>
        dddddeferwfregregtrh
      </Modal>
      <Button onClick={() => setVisible(true)}>Show</Button>
    </Panel>
  );
}
